$(function () {
    // 初始化右侧滚动条 
    // 这个方法定义在scroll.js中
    resetui()

    // 为发送按钮绑定鼠标点击事件
    $('#btnSend').on('click', function (e) {
        const text = $('#ipt').val().trim()
        if (text.length <= 0) {
            return $('#ipt').val('')
        }
        const li = document.createElement('li')
        li.innerHTML = `
        <li class="right_word">
            <img src="img/person02.png" /> <span>${text}</span>
        </li> `
        console.log(li);

        $('#talk_list').append(li)
        $('#ipt').val('')
        resetui()
        getMsg(text)

    })
    // 获取聊天机器人发送回来的消息
    //              完整地址: http://ajax-api.itheima.net/api/robot
    //              请求方式： GET
    //              请求参数：spoken     要发给机器人的聊天消息

    function getMsg(text) {
        $.ajax({
            method: 'GET',
            url: 'http://ajax-api.itheima.net/api/robot',
            data: {
                spoken: text
            },
            success: function (res) {
                console.log(res.message);
                if (res.message === 'success') {
                    console.log(res.data.info.text);
                    const leftmsg = res.data.info.text
                    const li = document.createElement('li')
                    li.innerHTML = `
                     <li class="left_word">
                       <img src="img/person02.png" /> <span>${leftmsg}</span>
                     </li> `

                    $('#talk_list').append(li)
                    resetui()
                    voice(leftmsg)
                }
            }
        })

    }

    // 把文字转化为语音进行播放
    //              完整地址: http://ajax-base-api-t.itheima.net/api/synthesize
    //              请求方式： GET
    //              请求参数： text     对应文字(机器人回的话)转语音
    function voice(text) {
        $.ajax({
            method: 'GET',
            url: 'http://ajax-base-api-t.itheima.net/api/synthesize',
            data: {
                // text: text
                text
            },
            success(res) {
                console.log(res);
                if (res.status === 200) {
                    $('#voice').attr('src', res.voiceUrl)
                }
            }
        })
    }

    // 为文本框绑定 keyup 事件
    $('#ipt').on('keyup', function (e) {
        console.log(e.key);
        if (e.key === 'Enter') {
            $('#btnSend').click()
        }
    })
})
